﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registro.aspx.cs" Inherits="ReporteTrafico.Registro" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>..:: ReporteTráfico.com ::.. - Registro de Usuario</title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>
<body>
    <form id="formRegistro" runat="server">
<div id="art-page-background-simple-gradient"></div>
    <div id="art-main">
        <div class="art-Sheet">
            <div class="art-Sheet-tl"></div>
            <div class="art-Sheet-tr"></div>
            <div class="art-Sheet-bl"></div>
            <div class="art-Sheet-br"></div>
            <div class="art-Sheet-tc"></div>                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <div class="art-Sheet-bc">
            They seem to make lots of good <a href="http://www.flashmint.com/">flash templates.</a> </div>
            <div class="art-Sheet-cl"></div>
            <div class="art-Sheet-cr"></div>
            <div class="art-Sheet-cc"></div>
            <div class="art-Sheet-body">
                <div class="art-Header">
                    <div class="art-Header-jpeg"></div>
                    <div class="art-Logo">
                        <h1 id="name-text" class="art-Logo-name">ReporteTráfico.com</h1>
                        <div id="slogan-text" class="art-Logo-text">el reporte del tráfico en tus manos...</div>
                        
                    </div>
                </div>
                <div class="art-nav">
                	<div class="l"></div>
                	<div class="r"></div>
                	<ul class="art-menu">
                		<li><a href="index.aspx"><span class="l"></span><span class="r"></span><span class="t">
                            Inicio</span></a></li>
                		<li><a href="ConsultaTrafico.aspx"><span class="l"></span><span class="r"></span><span class="t">
                            Consulta Tráfico</span></a></li>
                        <li><a href="ConsultaUltimoReporteGenerado.aspx"><span class="l"></span><span class="r"></span><span class="t">
                            Consultar Último Reporte Generado</span></a></li>
                    </ul>
                </div>
                <div class="art-contentLayout-Index">
                    <div class="art-content">
                        <div class="art-Post">
                            <div class="art-Post-body">
                      
                            <div class="art-PostContent">
                                  <!-- Aqui va el contenido -->
                                <h1>
                                    Registro ReporteTrafico.com
                                </h1>
                                
                                <table>
                                        <tr>
                                            <td class="style2"><h2>Nombre</h2></td>
                                             <td>
                                                    <asp:TextBox ID="TextBoxNombre" runat="server" MaxLength="30" Width="200px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                                                   
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidatorNombre" runat="server" 
                                                    ControlToValidate="TextBoxNombre"  ErrorMessage="* Campo Requerido" 
                                                          SetFocusOnError="true" ForeColor="#FFCC00" ></asp:RequiredFieldValidator>
                                                          
                                                    <asp:RegularExpressionValidator ID="RegularExpressionValidatorNombre" runat="server"  
                                                        ControlToValidate= "TextBoxNombre" ValidationExpression="^([A|B|C|D|E|F|G|H|I|J|K|L|M|N|Ñ|O|P|Q|R|S|T|U|V|W|X|Y|Z]|[a|b|c|d|e|f|g|h|i|j|k|l|m|n|ñ|o|p|q|r|s|t|u|v|w|x|y|z])([A|B|C|D|E|F|G|H|I|J|K|L|M|N|Ñ|O|P|Q|R|S|T|U|V|W|X|Y|Z]|[a|b|c|d|e|f|g|h|i|j|k|l|m|n|ñ|o|p|q|r|s|t|u|v|w|x|y|z´|`|\s])*$"
                                                        ErrorMessage="Formato incorrecto!" SetFocusOnError="true" ForeColor="#FFCC00"></asp:RegularExpressionValidator>
                                             </td>            
                                        </tr>                                   
                                        
                                        <tr>
                                            <td class="style2"><h2>Apellido</h2></td>
                                            <td>
                                                <asp:TextBox ID="TextBoxApellido" runat="server" MaxLength="30" BorderColor="#FFCC00"  Width="200px" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                              
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidatorApellido" runat="server" 
                                                         ControlToValidate="TextBoxApellido" ErrorMessage="* Campo Requerido" 
                                                         SetFocusOnError="true" ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                                
                                                <asp:RegularExpressionValidator ID="RegularExpressionValidatorApellido" runat="server"  
                                                        ControlToValidate= "TextBoxApellido" ValidationExpression="^([A|B|C|D|E|F|G|H|I|J|K|L|M|N|Ñ|O|P|Q|R|S|T|U|V|W|X|Y|Z]|[a|b|c|d|e|f|g|h|i|j|k|l|m|n|ñ|o|p|q|r|s|t|u|v|w|x|y|z])([A|B|C|D|E|F|G|H|I|J|K|L|M|N|Ñ|O|P|Q|R|S|T|U|V|W|X|Y|Z]|[a|b|c|d|e|f|g|h|i|j|k|l|m|n|ñ|o|p|q|r|s|t|u|v|w|x|y|z´|`|\s])*$"
                                                        ErrorMessage="Formato incorrecto!" SetFocusOnError="true" ForeColor="#FFCC00"></asp:RegularExpressionValidator>
                                            </td>
                                        </tr>                                   
                                        
                                        <tr>
                                            <td class="style2"><h2>Género</h2></td>
                                            <td>
                                                <asp:RadioButtonList ID="RadioButtonList" runat="server" >
                                                    <asp:ListItem Value="Femenino">Femenino</asp:ListItem>
                                                    <asp:ListItem Value="Masculino">Masculino</asp:ListItem>
                                                </asp:RadioButtonList>
                                                
                                              <asp:RequiredFieldValidator ID="RequiredFieldValidatorRB" runat="server" 
                                                         ControlToValidate="RadioButtonList" ErrorMessage="* Campo Requerido" 
                                                          SetFocusOnError="true" ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                            </td>
                                        </tr>      
                                        
                                         <tr>
                                            <td class="style2"><h2>Celular</h2></td>
                                            <td>
                                                <asp:TextBox ID="TextBoxCelular" runat="server" MaxLength="11" Width="200px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2" ></asp:TextBox>
                                                
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidatorCelular" runat="server" 
                                                         ControlToValidate="TextBoxCelular" ErrorMessage="* Campo Requerido" 
                                                          SetFocusOnError="true" ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                                          
                                                <asp:RegularExpressionValidator ID="RegularExpressionValidatorCelular" runat="server"  
                                                        ControlToValidate= "TextBoxCelular" ValidationExpression="^(04)(1|2)(|2|4|6)(0|1|2|3|4|5|6|7|8|9)*$"
                                                        ErrorMessage="Verifique el número de celular" SetFocusOnError="true" ForeColor="#FFCC00">
                                                </asp:RegularExpressionValidator>          
                                            </td>
                                        </tr>      
                                        
                                        <tr>
                                            <td class="style3"><h2>Usuario</h2></td>
                                            <td class="style1">
                                                <asp:TextBox ID="TextBoxUsuario" runat="server" MaxLength="20" Width="200px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                                
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidatorUsuario" runat="server" 
                                                         ControlToValidate="TextBoxUsuario" ErrorMessage="* Campo Requerido" 
                                                          SetFocusOnError="true" ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                                          
                                                <asp:RegularExpressionValidator ID="RegularExpressionValidatorUsuario" runat="server"  
                                                        ControlToValidate= "TextBoxUsuario" ValidationExpression="^([A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z]|[a|b|c|d|e|f|g|h|i|j|k|l|m|n|o|p|q|r|s|t|u|v|w|x|y|z]|[1|2|3|4|5|6|7|8|9|0])*$"
                                                        ErrorMessage="El usuario sólo admite letras y números" SetFocusOnError="true" ForeColor="#FFCC00">
                                                  </asp:RegularExpressionValidator>          
                                            </td>
                                        </tr>                                   
                                        
                                        <tr>
                                            <td class="style2"><h2>Contraseña</h2></td>
                                            <td>
                                                <asp:TextBox ID="TextBoxContraseña" runat="server" TextMode="Password" MaxLength="10"
                                                    Width="200px" BorderColor="#FFCC00" BorderStyle="Solid" BorderWidth="2"></asp:TextBox>
                                                
                                                 <asp:RequiredFieldValidator ID="RequiredFieldValidatorContraseña" runat="server" 
                                                         ControlToValidate="TextBoxContraseña" ErrorMessage="* Campo Requerido  " 
                                                          SetFocusOnError="true" ForeColor="#FFCC00"></asp:RequiredFieldValidator>
                                                         
                                                <asp:RegularExpressionValidator ID="RegularExpressionValidatorContraseña" runat="server"  
                                                ControlToValidate= "TextBoxContraseña" ValidationExpression="^.{6,}$"
                                                ErrorMessage="La contraseña debe tener al menos 6 dígitos" SetFocusOnError="true" 
                                                ForeColor="#FFCC00"></asp:RegularExpressionValidator>
                                                                                                                                      
                                            </td>
                                        </tr>      
                                </table>
                                
                                <table  width="450px">    
                                        <tr align="center">
                                            <td>
                                                <span class="art-button-wrapper">
                                			        <span class="l"> </span>
                                			        <span class="r"> </span>
                                			        <asp:Button ID="ButtonRegistrarUsuario" CssClass="art-button" runat="server" Text="Registrar" OnClick ="Button_RegistrarUsuario" />
                                		        </span>
                                		      </td>
                                         </tr>
                                    </table>      
                                                             
                                  <!-- hasta aqui va el contenido --> 
                            </div>
                            
                            <div class="cleared"></div>
                        </div>
                        
                            </div>
                        </div>

                    </div>
                  
                    </div>
                </div>
                <div class="cleared"></div>
                
                <div class="art-Footer">
                    <div class="art-Footer-inner">
                        <div class="art-Footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                Copyright &copy; 2009 . All Rights Reserved.</p>
                        </div>
                    </div>
                    </div>
                    <div class="art-Footer-background"></div>
                </div>
                
                
        <div class="cleared"></div>
        <p class="art-page-footer">XHTML and CSS valid. Powered by <a href="http://www.flashmint.com/">FlashMint</a> - flash web templates provider.</p>
   
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">free website templates</a>.</div>
        
    </form>
</body>
</html>

